

// 定义菜单栏离页面顶部的距离，默认为200
        var divOffsetTop = 200;
        //滚动事件
        window.onscroll=function(){
            var div = document.getElementById("divId");

            // 计算页面滚动了多少（需要区分不同浏览器）
            var topVal = 0;
                var scrollTop = $(this).scrollTop();
                //jQuery(document).height()则代表了整个文档的高度
                var scrollHeight = $(document).height();
                //console.log(scrollHeight)
                //jQuery(window).height()代表了当前可见区域的大小，
                var windowHeight = $(this).height();
                //console.log(windowHeight)



            if(window.pageYOffset){//这一条滤去了大部分， 只留了IE678
            	//pageYOffset : http://www.runoob.com/jsref/prop-win-pagexoffset.html
                topVal = window.pageYOffset;
            }
            else if(document.documentElement.scrollTop ){//IE678 的非quirk模式
            	// scrollTop:  https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollTop
                topVal = document.documentElement.scrollTop;
            }
            else if(document.body.scrolltop){//IE678 的quirk模式
            	//document.documentElement.scrollTop 垂直方向滚动的值
                topVal = document.body.scrolltop;
            }

            // if(topVal <= divOffsetTop){
            //     div.style.position = "";
            // } else {
            //     div.style.float="left";
            // }
            // if(topVal <= divOffsetTop){
            //
            // } else {
            //     // div.style.float = "left";
            //     div.style.left="-10em";
            //     div.style.top="35px";
            //     div.style.marginLeft = "350px";
            //     div.style.position = "fixed";
            // }
            if(topVal <= divOffsetTop){
                div.style.position = "";
            }
            else {
                div.style.position = "fixed";
            }


        };
        // 页面加载完之后，计算菜单栏到页面顶部的实际距离
        window.onload=function(){
            var div = document.getElementById("divId");
            //offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
            divOffsetTop = div.offsetTop;
            console.log(divOffsetTop)
        };








